<template>
  <!-- 文章详情信息页面 -->
  <view class="webContent">
    <view v-if="isShowView">
      <view class="title">{{ areaData.title }}</view>
      <view class="time">{{ dateFormat(areaData.createTimeNew) }}</view>
      <view class="nodeCont">
        <u-parse :content="areaData.content"></u-parse>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      id: '',
      areaData: {},
      isShowView: false,
    }
  },
  onLoad(options) {
    this.id = options.id
    this.getOneArea()
  },
  methods: {
    getOneArea() {
      this.isShowView = false
      this.$https
        .post({
          url: '/axh/articleManage/findArticleById',
          data: {
            idStr: this.id,
            phoneAuth: 1,
          },
        })
        .then((data) => {
          this.isShowView = true
          this.areaData = data.result
        })
    },
  },
}
</script>

<style lang="scss">
.webContent {
  background: #fff;
  min-height: 100vh;
  padding: 32rpx;
}
.title {
  font-size: 44rpx;
  margin-bottom: 24rpx;
  color: #222;
}
.time {
  font-size: 28rpx;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.3);
  margin-bottom: 32rpx;
}
.nodeCont {
  img {
    max-width: 100%;
    max-height: 100%;
  }
}
</style>